<template>
    <div class="App">
        <!-- 快捷链接 -->
        <XtxShortCut></XtxShortCut>
        <!-- 顶部导航 -->
        <XtxHeaderNav></XtxHeaderNav>
        <!-- 轮播区域 -->
        <XtxBanner></XtxBanner>
        <!-- 新鲜好物 -->
        <XtxNewGoods></XtxNewGoods>
        <!-- 热门品牌 -->
        <XtxHotBrand></XtxHotBrand>
        <!-- 最新专题 -->
        <XtxTopic></XtxTopic>
        <!-- 版权底部 -->
        <XtxFooter></XtxFooter>
    </div>
</template>

<script>
import XtxShortCut from "@/components/XtxShortCut.vue";
import XtxHeaderNav from "@/components/XtxHeaderNav.vue";
import XtxBanner from "@/components/XtxBanner.vue";
import XtxNewGoods from "@/components/XtxNewGoods.vue";
import XtxHotBrand from "@/components/XtxHotBrand.vue";
import XtxTopic from "@/components/XtxTopic.vue";
import XtxFooter from "@/components/XtxFooter.vue";

export default {
    components: {
        XtxFooter,
        XtxTopic,
        XtxHotBrand,
        XtxNewGoods,
        XtxBanner,
        XtxHeaderNav,
        XtxShortCut
    }
}
</script>

<style>

</style>